.tantuer-pop {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  .ant-menu-vertical > .ant-menu-item,
  .ant-menu-vertical-left > .ant-menu-item,
  .ant-menu-vertical-right > .ant-menu-item,
  .ant-menu-inline > .ant-menu-item,
  .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    line-height: 26px;
    height: 26px;
    font-size: 12px;
    padding: 0 20px;
    margin: 0;
    color: @color-light-5;
  }
  .ant-menu-inline,
  .ant-menu-vertical,
  .ant-menu-vertical-left {
    border: none;
    min-width: 120px;
    .ant-menu-item {
      margin: 0;
      font-size: 12px;
      padding: 0 20px;
      line-height: 26px;
      height: 26px;
      color: @color-light-5;
    }
  }
  .pop-menus {
    min-width: 150px;
    padding: 4px 0;
    background: @component-background;
    box-shadow: 0 1px 2px fade(@color-dark, 20%);
    border: 1px solid @color-light-2;
    .pop-menu-arraw {
      position: absolute;
      width: 12px;
      height: 12px;
      &:before,
      &:after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        border-style: solid;
      }
    }
    &.pop-menus-l {
      .pop-menu-arraw {
        &:before {
          left: 0;
          bottom: 0;
          border-width: 6px;
          border-color: transparent @color-light-7 transparent transparent;
        }
        &:after {
          left: 2;
          bottom: 0;
          border-width: 6px;
          border-color: transparent @color-light transparent transparent;
        }
      }
    }
    &.pop-menus-r {
      .pop-menu-arraw {
        &:before {
          left: 2px;
          bottom: 0;
          border-width: 6px;
          border-color: transparent transparent transparent @color-light-7;
        }
        &:after {
          left: 0px;
          bottom: 0;
          border-width: 6px;
          border-color: transparent transparent transparent @color-light;
        }
      }
    }
  }
}
.ant-popover {
  .ant-popover-inner-content {
    padding: 0;
  }
}

.tantuer-menus {
  background: @component-background;
  min-width: 150px;
  max-height: 500px;
  overflow: auto;
  .menu-item {
    line-height: 26px;
    white-space: nowrap;
    padding: 0 20px;
    cursor: pointer;
    &.menu-item-disabled {
      cursor: not-allowed;
      color: fade(@color-dark, 25%);
    }
    &:hover {
      background: @color-light-7;
    }
    .menu-item-sub {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .menu-sub {
      box-shadow: 0 1px 2px fade(@color-dark, 20%);
      background: @component-background;
      position: absolute;
      left: 100%;
      top: 0;
      padding: 10px 0;
      display: none;
    }
  }
}
